<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Spark-云计算</title>
    <!--页面统一风格-->
    <link rel="stylesheet" href="moveline/css/toast.css">
    <link rel="stylesheet" href="moveline/css/head.css">
    <script src="jquery/jquery-3.3.1.min.js"></script>
    <script src="moveline/js/jquery.easing.js"></script>
    <script src="moveline/js/toast.js"></script>
    <script src="moveline/js/moveline.js"></script>
    <!--核心代码-->
    <link rel="stylesheet" href="Editer/css/codemirror.css"/>
    <script src="Editer/js/codemirror.js"></script>
    <!--textarea部分-->
    <link rel="stylesheet" href="Editer/css/textarea.css">
    <script src="Editer/js/jquery-ui.1.12.1.js"></script>
    <!--python代码高亮-->
    <script src="Editer/js/mode/python/python.js"></script>
    <!--shell高亮-->
    <script src="Editer/js/mode/shell/shell.js"></script>
    <!--引入css文件，用以支持主题-->
    <link rel="stylesheet" href="Editer/css/theme/seti.css">
    <!--支持代码折叠-->
    <link rel="stylesheet" href="Editer/addon/fold/foldgutter.css"/>
    <script src="Editer/addon/fold/foldcode.js"></script>
    <script src="Editer/addon/fold/foldgutter.js"></script>
    <script src="Editer/addon/fold/brace-fold.js"></script>
    <script src="Editer/addon/fold/comment-fold.js"></script>
    <!--括号匹配-->
    <script src="Editer/addon/edit/matchbrackets.js"></script>
    <!--自动补全-->
    <link rel="stylesheet" href="Editer/addon/hint/show-hint.css">
    <script src="Editer/addon/hint/show-hint.js"></script>
    <script src="Editer/addon/hint/anyword-hint.js"></script>
    <!--文档目录部分-->
    <link rel="stylesheet" href="zTree/css/metroStyle/metroStyle.css">
    <script type="text/javascript" src="zTree/js/jquery.ztree.all.min.js"></script>
    <link rel="stylesheet" href="zTree/zTree.css">
    <!--提示框-->
    <script type="text/javascript" src="zTree/layer/layer.js"></script>
    <link rel="stylesheet" href="zTree/layer/theme/default/layer.css">
</head>
<body>
<div class="header">
    <ul id="navigation">
        <li>主页</li>
        <li>云主机</li>
        <li>云计算</li>
        <li>云Python</li>
        <li>云存储</li>
        <li id="quit">退出</li>
    </ul>
</div>
<!--头部分-->
<script src="moveline/js/head.js"></script>
<!--文件树-->
<div class="catalogToolBar">
    <ul class="catalogToolBarUl">
        <li>添加项目</li>
        <li>导出项目</li>
    </ul>
</div>
<div id="catalog">
    <ul id="tree" class="ztree"></ul>
</div>
<!--右键菜单-->
<div id="rMenu">
    <ul id="runFile"><li>运行</li></ul>
    <ul id="newProject"><li>新建项目</li></ul>
    <ul id="newFold"><li>新建文件夹</li></ul>
    <ul id="newFile"><li>新建文件</li></ul>
    <ul id="delProject"><li>删除项目</li></ul>
    <ul id="delFold"><li>删除文件夹</li></ul>
    <ul id="delFile"><li>删除文件</li></ul>
    <ul id="saveFile"><li>保存文件</li></ul>
    <ul id="reName"><li>重命名</li></ul>
</div>
<!--代码编辑区-->
<div class="codeToolBar">
    <ul class="codeToolBarUl">
        <li>主题</li>
        <li>语言</li>
        <li>查找(Ctrl+F)</li>
        <li>替换(Ctrl+R)</li>
    </ul>
</div>
<div class="code">
    <textarea title="code" class="form-control" id="code" name="code"></textarea>
</div>
<!--编译输出区-->
<div class="consoleToolBar">
    <ul class="consoleToolBarUl">
        <li>导出</li>
        <li>清空</li>
    </ul>
</div>
<div class="console">
    <textarea title="console" class="form-control" id="console" name="console"></textarea>
</div>

</body>
<!--文档目录部分-->
<script type="text/javascript" src="javascript/myString.js"></script>
<script type="text/javascript" src="zTree/zTree.js"></script>
</html>